<template>
	<view class="comm-input-warp">
		<!-- #ifdef APP-PLUS -->
		    <input
		        :placeholder="$t('login.comm.input')"
		        border="false"
		        :v-model="modelValue"
		    	color="#EEEEEE"
		    	@input="$emit('update:modelValue', $event.detail.value)"
		    	:customStyle="inputCss"
		      ></input>
		<!-- #endif -->
		<!-- #ifdef MP -->
		    <input
		        :placeholder="$t('login.comm.input')"
		        border="false"
		        :v-model="modelValue"
		    	color="#EEEEEE"
		    	@input="$emit('update:modelValue', $event.target.value)"
				:customStyle="inputCss"
		    ></input>
		<!-- #endif -->
	</view>
</template>

<script>
	export default {
		name: 'inputComm',
		props: {
			modelValue: String,
		},
		emits: ['update:modelValue'],
		data() {
			return {
				inputCss:{
					"height":'80rpx',
					"background": "#F3F3F3FF",
					"border-radius": "20rpx",
					"border": "0rpx",
					"padding-left": "16px",
				},
			};
		},
	};

</script>

<style>
</style>